<template>
  <el-container>
    <el-aside class="aside">
      <frame-aside></frame-aside>
    </el-aside>
    <el-container>
      <el-header class="header">
        <frame-header></frame-header>
      </el-header>
      <el-main>
        <frame-main></frame-main>
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
import frameHeader from "./frame-header";
import frameAside from "./frame-aside";
import frameMain from "./frame-main";
export default {
  components: { frameHeader, frameAside, frameMain },
  data() {
    return {};
  }
};
</script>

<style scoped>
.aside {
  text-align: center;
  width: 15vw !important;
  background: #fff;
}
.header {
  background: linear-gradient(left, #6bbafd, #36ccf7);
}
</style>
